<article class="module-account module-account-MyReward">
  <div class="ui-account-box">
    <div class="account-box">
      <div class="ui-title">
        <span class="strong">{{$t('myReward.dividends')}}</span>
      </div>
      <Loading v-if="isLoading"></Loading>
      <div class="myReward_main" v-if="!isLoading">
        <h3>{{$t('myReward.RewardType')}}</h3>
        <p class="item">
          <select v-model="types">
            <option v-for="item in countryList" :value="item">{{item}}</option>
          </select>
        </p>
      </div>
      <div class="drawout-bottom ui-account-box-inner">
        <!-- <h3 class="ui-title-account">
          <span class="strong">{{$t('myReward.GetReward')}}</span>
        </h3> -->
        <div class="box-content">
          <div class="table-wrap">
            <div class="m-table">
              <table>
                <thead>
                  <tr>
                    <th>{{$t('myReward.CurrencyReward')}}</th>
                    <th>{{$t('myReward.number')}}</th>
                    <th>{{$t('myReward.time')}}</th>
                  </tr>
                </thead>
                <tbody>
                  <tr v-if="item.type=='UNLICK'&&!isLoadings&&types == '自身解锁'" v-for="item in rewardList">
                    <td>{{item.assetCode}}</td>
                    <td>{{filter.fix(item.unlockingAmount,10)}}</td>
                    <td>{{item.date | timezone}}</td>
                  </tr>                
                  <tr v-if="item.type=='REWARD'&&types == '奖励解锁'&&!isLoadings" v-for="item in rewardList" >
                    <td>{{item.assetCode}}</td>
                    <td>{{filter.fix(item.unlockingAmount,10)}}</td>
                    <td>{{item.date  | timezone}}</td>
                  </tr>
                </tbody>
              </table>
              <pager :page-no="param.pageNo" :page-size="param.pageSize" :on-page-change="changePage" :page-num="pageNum"></pager>
              <loading v-if="isLoadings"></loading>
              <no-data v-if="isLoadings == false && !rewardList[0]"></no-data>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</article>